
ul.spriteselect{
	width: 400px; 
	height: 100px;
    background-color: gray;
    border: thin solid blue;
    margin: 0px; 
    padding: 0px;
    position: relative;

}
ul.spriteselect li {
  margin: 0; padding: 0; list-style: none;
}

ul.spriteselect li a,ul.spriteselect li a:hover{
  background-image: url(../../images/numbers-sprite-100.png);
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
}
ul.spriteselect li.spriteselect-0 a,ul.spriteselect li.spriteselect-disabled-0 a{left: 0px;}
ul.spriteselect li.spriteselect-1 a,ul.spriteselect li.spriteselect-disabled-1 a{left: 100px;}
ul.spriteselect li.spriteselect-2 a,ul.spriteselect li.spriteselect-disabled-2 a{left: 200px;}
ul.spriteselect li.spriteselect-3 a,ul.spriteselect li.spriteselect-disabled-3 a{left: 300px;}
ul.spriteselect li.spriteselect-0 a{background-position: -0px 0px;}
ul.spriteselect li.spriteselect-disabled-0 a:hover{background-position: -0px -200px;}
ul.spriteselect li.spriteselect-disabled-0 a{background-position: -0px -100px;}
ul.spriteselect li.spriteselect-1 a{background-position: -100px 0px;}
ul.spriteselect li.spriteselect-disabled-1 a:hover{background-position: -100px -200px;}
ul.spriteselect li.spriteselect-disabled-1 a{background-position: -100px -100px;}
ul.spriteselect li.spriteselect-2 a{background-position: -200px 0px;}
ul.spriteselect li.spriteselect-disabled-2 a:hover{background-position: -200px -200px;}
ul.spriteselect li.spriteselect-disabled-2 a{background-position: -200px -100px;}
ul.spriteselect li.spriteselect-3 a{background-position: -300px 0px;}
ul.spriteselect li.spriteselect-disabled-3 a:hover{background-position: -300px -200px;}
ul.spriteselect li.spriteselect-disabled-3 a{background-position: -300px -100px;}
